<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">

        <ui:define name="title">
            Detalhes de Títulos e Documentos
        </ui:define>

        <ui:define name="content">

            <h:form id="visualizarTituloDocumentoForm">

                <div class="actions">
                    <div id="buttons">

                        <p:button value="Editar" outcome="criarTituloDocumento.xhtml"
                                  icon="ui-icon-pencil"
                                  styleClass="ui-priority-primary">
                            <f:param value="#{ managerPesquisarTituloDocumento.tituloDocumentoVisualizar.id }" name="tituloDocumentoId"/>
                        </p:button>

                        <p:button value="Pesquisar" outcome="pesquisarTituloDocumento.xhtml"
                                  icon="ui-icon-search" styleClass="ui-priority-primary botao_pesquisar"/>

                        <p:commandButton value="Excluir" styleClass="botao_excluir" oncomplete="deletarTituloDocumentoDialog.show()" icon="ui-icon-trash">
                            <f:setPropertyActionListener target="#{ managerPesquisarTituloDocumento.tituloDocumentoDeletar }" value="#{ managerPesquisarTituloDocumento.tituloDocumentoVisualizar }" />
                        </p:commandButton>

                    </div>
                </div>

                <p:fieldset legend="Dados" id="dadosFieldset">
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Número:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel id="numeroInputText" value="#{ managerPesquisarTituloDocumento.tituloDocumentoVisualizar.numero }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Tipo do Ato:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTituloDocumento.tituloDocumentoVisualizar.atoTipo.descricao }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Data:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarTituloDocumento.tituloDocumentoVisualizar.data }">
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </p:outputLabel>
                        </div>                        
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Livro:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel id="livroInputText" value="#{ managerPesquisarTituloDocumento.tituloDocumentoVisualizar.livro }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Complemento do Livro:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel id="livroComplementoInputText" value="#{ managerPesquisarTituloDocumento.tituloDocumentoVisualizar.livroComplemento }" />
                        </div>                        
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Folha:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel id="folhaInputText" value="#{ managerPesquisarTituloDocumento.tituloDocumentoVisualizar.folha }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Complemento do Folha:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel id="folhaComplementoInputText" value="#{ managerPesquisarTituloDocumento.tituloDocumentoVisualizar.folhaComplemento }" />
                        </div>
                    </div>                    

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Objeto:" />
                        </div>
                        <div class="column8 large_text">
                            <p:outputLabel id="objetoInputTextarea" value="#{ managerPesquisarTituloDocumento.tituloDocumentoVisualizar.objeto }" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Observação:" />
                        </div>
                        <div class="column8 large_text">
                            <p:outputLabel id="observacaoInputTextarea" value="#{ managerPesquisarTituloDocumento.tituloDocumentoVisualizar.observacao }" />
                        </div>
                    </div>

                </p:fieldset>

                <p:fieldset legend="Partes" id="partesFieldset">
                    <p:dataTable id="partesDataTable" value="#{ managerPesquisarTituloDocumento.partesVisualizar }" var="parte"
                                 rows="5" paginator="true" paginatorPosition="bottom" emptyMessage="Nenhuma parte adicionada">

                        <p:column headerText="Nome" width="50%">
                            <h:outputText value="#{ parte.pessoa.nome }" />
                        </p:column>
                        <p:column headerText="Documento" width="20%">
                            <h:outputText value="#{ parte.pessoa.tipoPessoa eq 'FISICA' ? managerPesquisarTituloDocumento.adicionarMascaraCPF(parte.pessoa.cpf) : managerPesquisarTituloDocumento.adicionarMascaraCNPJ(parte.pessoa.cnpj) }" />
                        </p:column>
                        <p:column headerText="Qualidade" width="25%">
                            <h:outputText value="#{ parte.qualidadeTituloDocumento.descricao }" />
                        </p:column>
                    </p:dataTable>

                </p:fieldset>

                <p:fieldset legend="Selos" id="selosEPFieldset">

                    <p:dataTable id="selosEPDataTable" value="#{ managerPesquisarTituloDocumento.selosEPVisualizar }" var="seloEP"
                                 rows="5" paginator="true" paginatorPosition="bottom" emptyMessage="Nenhuma selo adicionada">

                        <p:column headerText="Número" width="30%">
                            <h:outputText value="#{ seloEP.numero }" />
                        </p:column>
                        <p:column headerText="Série" width="30%">
                            <h:outputText value="#{ seloEP.serie }" />
                        </p:column>
                        <p:column headerText="Tipo" width="35%">
                            <h:outputText value="#{ seloEP.tipoSelo.nome }" />
                        </p:column>
                    </p:dataTable>

                </p:fieldset>

                <p:fieldset legend="Anexos" id="anexosFieldset">
                    <p:panel styleClass="thumbnail" rendered="#{ managerPesquisarTituloDocumento.anexosVisualizar.size() > 0 }">
                        <ui:repeat value="#{ managerPesquisarTituloDocumento.anexosVisualizar }" var="anexo">
                            <h:outputLink
                                value="#{ anexo.tipo ne 'application/pdf' ? 'viewImage.xhtml' : 'show' }" title="#{ anexo.nomeExibicao }"  target="_blank">

                                <p:graphicImage rendered="#{ managerImagem.imagem(anexo) }"
                                                url="#{ managerImagem.urlThumbnailImagem(anexo) }" />
                                <p:outputLabel styleClass="nome_anexo" value="#{ managerImagem.nomeAnexo(anexo) }"
                                               rendered="#{ managerImagem.imagem(anexo) }"/>
                                <p:graphicImage height="100" width="100" rendered="#{ managerImagem.PDF(anexo) }" 
                                                url="#{ managerImagem.urlPDF }" />
                                <p:outputLabel styleClass="nome_anexo" value="#{ managerImagem.nomeAnexoPdf(anexo) }" 
                                               rendered="#{ managerImagem.PDF(anexo) }"/>
                                <f:param name="annex" value="#{managerImagem.urlVisualziarImagem(anexo)}"/>

                            </h:outputLink>
                        </ui:repeat>
                    </p:panel>
                    
                    <h:outputText value="Nenhum anexo adicionado." rendered="#{ managerPesquisarTituloDocumento.anexosVisualizar.size() == 0 }" />
                </p:fieldset>

                <p:dialog header="Deseja realmente excluir?" widgetVar="deletarTituloDocumentoDialog" modal="true"
                          closable="false" resizable="false" draggable="false" >
                    <div class="commandDialog">
                        <p:commandButton value="Sim"
                                         icon="ui-icon-check" actionListener="#{ managerPesquisarTituloDocumento.deletar() }" />
                        <p:commandButton value="Não" icon="ui-icon-close" oncomplete="deletarTituloDocumentoDialog.hide()" />
                    </div>
                </p:dialog>

            </h:form>

            <script>
                $(document).ready(function() {
                    setSelectedMenu('#ted');
                });
            </script>

        </ui:define>
    </ui:composition>
</html>

